.detail{
	width: 100%;
}


.detailHeader {
  width: 100%;
  height: 5.25rem;
  position: relative; }
  .detailHeader .banner {
    width: 100%;
    height: 3.75rem; }
    .detailHeader .banner .swiper-container {
      margin-left: auto;
      margin-right: auto;
      position: relative;
      overflow: hidden;
      z-index: 1;
      height: 3.81rem; }
      .detailHeader .banner .swiper-container .swiper-wrapper {
        position: relative;
        width: 100%;
        height: 100%;
        z-index: 1;
        display: flex;
        transition-property: transform;
        box-sizing: content-box; }
        .detailHeader .banner .swiper-container .swiper-wrapper .swiper-slide {
          width: 100%;
          height: 100%;
          position: relative; }
          .detailHeader .banner .swiper-container .swiper-wrapper .swiper-slide .detailLunbo {
            width: 100%;
            height: 3.75rem;
            margin: 0 auto; }
    .detailHeader .banner .pageNum {
      opacity: .6;
      background: #fff;
      color: #333;
      border-radius: 0.0853rem;
      right: 0.1rem;
      bottom: 0.09rem;
      width: 0.32rem;
      height: 0.2rem;
      z-index: 1;
      position: absolute;
      right: 0.426667rem;
      bottom: 0.384rem;
      text-align: center;
      font-size: 0.5rem; }
      .detailHeader .banner .pageNum .activeIndex {
        font-size: 0.13rem;
        color: #c69e58;
        display: block;
        float: left;
        padding-left: 0.07rem; }
      .detailHeader .banner .pageNum .xie {
        color: #808181;
        font-size: 0.08rem;
        display: block;
        float: left; }
      .detailHeader .banner .pageNum .totalIndex {
        color: #808181;
        font-size: 0.05rem;
        display: block;
        float: left;
        padding-top: 0.02rem; }
  .detailHeader .iconHead {
    width: 100%;
    height: 0.65rem;
    position: absolute;
    top: 0;
    z-index: 9; }
    .detailHeader .iconHead .goBack {
      width: 0.31rem;
      height: 0.3rem;
      display: block;
      float: left;
      background: #fafafb;
      border-radius: 50%;
      position: absolute;
      top: 0.23rem;
      left: 0.12rem;
      text-align: center; }
      .detailHeader .iconHead .goBack .icon-fanhui {
        font-size: 0.16rem;
        color: #727a8a;
        line-height: 0.31rem; }
    .detailHeader .iconHead .save {
      width: 0.31rem;
      height: 0.3rem;
      display: block;
      float: right;
      background: #fafafb;
      border-radius: 50%;
      position: absolute;
      top: 0.23rem;
      right: 0.12rem;
      text-align: center; }
      .detailHeader .iconHead .save .icon-shoucang1 {
        font-size: 0.16rem;
        color: #727a8a;
        line-height: 0.31rem; }
  .detailHeader .detail {
    width: 93.6%;
    height: 0.82rem;
    padding: 0.16rem 0.12rem 0.12rem 0.12rem; }
    .detailHeader .detail .title {
      font-size: 0.17rem;
      color: #28354c;
      line-height: 0.18rem; }
    .detailHeader .detail .desc {
      font-size: 0.13rem;
      color: #a6a8b6;
      margin-top: 0.08rem; }
    .detailHeader .detail .price {
      font-size: 0.13rem;
      margin-top: 0.14rem; }
      .detailHeader .detail .price .red {
        color: #ff695c;
        float: left;
        font-size: 0.17rem; }
      .detailHeader .detail .price .run {
        color: #a6a8b6;
        float: right;
        font-size: 0.12rem;
        margin-top: 0.07rem; }
  .detailHeader .select {
    width: 100%;
    height: 0.395rem;
    padding-left: 0.12rem;
    padding-right: 0.12rem;
    background: #fff;
    color: #83889a;
    border-bottom: 1px solid #ebecf1;
    box-sizing: border-box;
    line-height: 0.395rem;
    font-size: 0.13rem;
    margin: 0 auto; }
    .detailHeader .select .icon-gengduo {
      font-size: 0.12rem;
      color: #83889a;
      float: right;
      line-height: 0.395rem; }

.line {
  height: 0.08rem;
  background: #f5f6f7; }

.comment {
  width: 100%;
  height: 2.975rem; }
  .comment .commentTit {
    height: 0.4rem;
    padding: 0 0.12rem 0 0.12rem;
    border-bottom: 1px solid #ebecf1;
    color: #83889a;
    line-height: 0.4rem;
    display: block; }
    .comment .commentTit .icon-gengduo {
      font-size: 0.12rem;
      color: #83889a;
      float: right;
      line-height: 0.4rem; }
  .comment .commentCont {
    height: 2.07rem;
    padding: 0.12rem 0.16rem;
    background: #fff; }
    .comment .commentCont .userInform {
      height: 0.2rem; }
      .comment .commentCont .userInform .name {
        float: left;
        font-size: 0.11rem;
        color: #83889a; }
      .comment .commentCont .userInform .date {
        float: right;
        font-size: 0.11rem;
        color: #83889a; }
    .comment .commentCont .pinglun {
      height: 0.59rem;
      color: #28354c;
      font-size: 0.13rem;
      margin-top: 0.08rem; }
    .comment .commentCont .imgList {
      height: 1.2rem;
      display: flex;
      justify-content: flex-start; }
      .comment .commentCont .imgList .listLi {
        width: 1.11rem;
        height: 1.11rem;
        margin-top: 0.09rem;
        margin-right: 0.09rem; }
        .comment .commentCont .imgList .listLi .liPic {
          width: 1.11rem;
          height: 1.11rem;
          display: block;
          float: left; }

.productInf {
  width: 100%;
  margin-bottom: 0.5rem; }
  .productInf .productTit {
    height: 0.4rem;
    padding: 0 0.12rem 0 0.12rem;
    border-bottom: 1px solid #ebecf1;
    color: #83889a;
    line-height: 0.4rem;
    font-size: 0.13rem; }
  .productInf .descripe {
    height: 1.495rem;
    padding: 0 0.12rem; }
    .productInf .descripe .back {
      height: 0.37rem;
      line-height: 0.37rem;
      display: flex;
      justify-content: space-between;
      border-bottom: 1px solid #ebecf1; }
      .productInf .descripe .back .main {
        color: #83889a;
        line-height: 0.4rem;
        font-size: 0.13rem; }
      .productInf .descripe .back .value {
        color: #28354c;
        line-height: 0.4rem;
        font-size: 0.13rem; }
  .productInf .pinMain {
    width: 100%;
    height: 10.9rem; }

.footer {
  width: 100%;
  height: 0.5rem;
  position: fixed;
  bottom: 0; }
  .footer .bag {
    border-right: 1px solid #ebecf1;
    box-sizing: border-box;
    display: block;
    width: 0.495rem;
    height: 0.5rem;
    background: #fff;
    text-align: center;
    line-height: 0.5rem;
    float: left; }
    .footer .bag .icon-gouwuche-copy {
      display: block;
      font-size: 0.23rem;
      color: #c69e58; }
  .footer .add {
    width: 1.625rem;
    height: 0.5rem;
    background: #fff;
    color: #28354c;
    float: left;
    font-size: 0.14rem;
    line-height: 0.5rem;
    text-align: center; }
  .footer .buy {
    width: 1.625rem;
    height: 0.5rem;
    background: #c69e58;
    color: #fff;
    float: left;
    font-size: 0.14rem;
    line-height: 0.5rem;
    text-align: center; }

.choose {
  width: 100%;
  height: 3.35rem;
  position: relative;
  display: none; }
  .choose .size {
    height: 2.87rem;
    padding: 0.2rem 0.12rem 0.28rem 0.12rem; }
    .choose .size .no {
      font-size: 0.2rem;
      float: right;
      color: #666;
      position: absolute;
      top: 0.125rem;
      right: 0.15rem; }
    .choose .size .kucun {
      overflow: hidden; }
      .choose .size .kucun .kucunPic {
        width: 0.9rem;
        height: 0.9rem;
        float: left;
        margin-right: 0.12rem; }
      .choose .size .kucun .info {
        width: 0.98rem;
        height: 0.9rem;
        float: left;
        padding-top: 0.25rem; }
        .choose .size .kucun .info .redP {
          line-height: 0.21rem;
          font-size: 0.14rem;
          color: #ff695c; }
        .choose .size .kucun .info .remain {
          margin-top: 0.08rem;
          font-size: 0.11rem;
          color: #a6a8b6; }
        .choose .size .kucun .info .tips {
          margin-top: 0.02rem;
          font-size: 0.12rem;
          color: #83889a;
          padding-bottom: 0.02rem; }
    .choose .size .sizeWwrap {
      width: 100%;
      height: 1.72rem; }
      .choose .size .sizeWwrap .thisSize {
        height: 0.84rem; }
        .choose .size .sizeWwrap .thisSize .guige {
          font-size: 0.13rem;
          color: #83889a; }
        .choose .size .sizeWwrap .thisSize .on {
          background: #f5f6f6;
          width: 0.535rem;
          height: 0.4rem;
          border-radius: 3px;
          text-align: center;
          line-height: 0.4rem;
          color: #28354c;
          display: block;
          margin-top: 0.12rem; }
      .choose .size .sizeWwrap .count {
        margin-top: 0.15rem; }
        .choose .size .sizeWwrap .count .theC {
          font-size: 0.13rem;
          color: #83889a; }
